<!--
 * @Description: 天地图
 * @Date: 2022-06-27 14:39:27
 * @LastEditTime: 2023-06-25 11:10:18
 * @FilePath: /demo_cesium/src/views/Map/index.vue
 * @Author: byhzdemacbook-pro-2.local
-->
<template>
  <div>
    <h1>天地图</h1>
    <button @click="handlerClick">点击</button>

    <el-dialog
      title="提示"
      :visible.sync="mapShow"
      width="30%"
      :before-close="handlerClick"
    >
      <div>
        <SonMaps v-show="mapShow" />
      </div>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button
          type="primary"
          @click="dialogVisible = false"
        >确 定</el-button>
      </span>
    </el-dialog>
    <SonMaps v-show="mapShow" />
  </div>
</template>

<script>
import SonMaps from './compontent/SonMaps.vue';
export default {
  name: '',
  components: {
    SonMaps,
  },
  props: {},
  data() {
    return {
      mapShow: false,
    };
  },
  computed: {},
  watch: {},
  created() { },
  mounted() { },
  methods: {
    handlerClick() {
      this.mapShow = !this.mapShow;
    },
  },
};
</script>

<style scoped lang="scss">
</style>
